DOM结构 - 两个节点之间可能存在哪些关系以及如何在节点之间任意移动

返回文档的根节点<html>:document.documentElement
返回<body>:document.body

IE浏览器:
返回当前文档中被激活的标签节点:document.activeElement
返回鼠标移出的源节点:event.fromElement
返回鼠标移入的源节点:event.toElement

搜狐浏览器:
返回激活事件的源节点:event.target

返回父节点:node.parentNode,node.parentElement
返回所有子节点:node.childNodes或node.children
返回第一个子节点:node.firstChild
返回最后一个子节点:node.lastChild
返回指定节点之后紧跟的节点:node.nextSibling
返回指定节点前的紧跟节点:node.previousSibling

DOM操作——怎样添加、移除、移动、复制、创建和查找节点

1.创建新节点
创建DOM片段:createDocumentFragment()
创建一个具体的元素:createElement()
创建一个文本节点:createTextNode()

2.添加 | 移除 | 替换 | 插入
appendChild()
removeChild()
replaceChild()
insertBefore()

3.查找
通过标签名称查找:getElementsByTagName()
通过元素的Name属性的值:getElementsByName()
通过元素Id,唯一性:getElementById()


少年版
171 声望14 粉丝

希望自已给力一点,再多努力一点